<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>10 v-bind:class</title>
		<script src="lib/vue.js"></script>
		<style type="text/css">
			.color{
				color:red;
			}
			.bg{
				background: greenyellow;
			}
		</style>
	</head>
	
	<body>
		<div id="app-10" class="color" v-bind:class="{bg:show}">
			Hello
		</div>
	</body>
	<script type="text/javascript">
		var app10=new Vue({
			el:"#app-10",
			data:{
				show:true
			}
		});
	</script>
</html>
